<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="../../static/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../static/css/hm.css">
	<link rel="stylesheet" href="../../static/css/ylb.css">
	<link rel="shortcut icon" href="../../static/img/logo.png">
	<script type="text/javascript" src="../../static/js/jquery.min.js"></script>
	<script type="text/javascript" src="../../static/js/popper.min.js"></script>
	<script type="text/javascript" src="../../static/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../../static/js/qrcode.min.js"></script>
	<script type="text/javascript" src="../../static/js/clipboard.min.js"></script>
	<script type="text/javascript" src="./jw.js"></script>
	<script src="../../static/js/llqrcode.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../static/js/analyticCode.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    
    <div id="app">
    	
    			<!-- 左侧 -->
		 	<div class="left">
    		<div class="dhview">
    
    			<!-- LOGO -->
    			<a href="../index/" class="index">
    			    <div class="logo"></div>
    			</a>
    
    			<!-- 导航 -->
			<ul>
			    <a href="../index/" >
			    <li class="nav-li">
			        <i class="icon i-data"></i>
			        <span class="nav-text">数据</span>
			    </li>
			    </a>
			    
			    <a href="../qun/">
			    <li class="nav-li">
			        <i class="icon i-hm"></i>
			        <span class="nav-text">活码</span>
			    </li>
			    </a>
			    
				<a href="../dwz/">
				<li class="nav-li">
				    <i class="icon i-dwz"></i>
				    <span class="nav-text">短网址</span>
				</li>
				</a>
				
				<a href="../tbk/">
				<li class="nav-li">
				    <i class="icon i-tbk"></i>
				    <span class="nav-text">淘宝客</span>
				</li>
				</a>
				
				<a href="../shareCard/">
				<li class="nav-li">
				    <i class="icon i-share"></i>
				    <span class="nav-text">分享卡片</span>
				</li>
				</a>
				
				<a href="../jumpWXapp/" class="selected">
				<li class="nav-li">
				    <i class="icon i-share"></i>
				    <span class="nav-text">卡片链接</span>
				</li>
				</a>
				
				<a href="../plugin/">
				<li class="nav-li">
				    <i class="icon i-plugin-dark"></i>
				    <span class="nav-text">插件中心</span>
				</li>
				</a>
				
				<a href="../kami/">
				<li class="nav-li">
				    <i class="icon i-kami"></i>
				    <span class="nav-text">卡密分发</span>
				</li>
				</a>
				
				<a href="../config/">
				<li class="nav-li">
				    <i class="icon i-config"></i>
				    <span class="nav-text">配置中心</span>
				</li>
				</a>
				
				<a href="../sucai/">
				<li class="nav-li">
				    <i class="icon i-sucai"></i>
				    <span class="nav-text">素材管理</span>
				</li>
				</a>
				
				<a href="../user/">
				<li class="nav-li">
				    <i class="icon i-account"></i>
				    <span class="nav-text">账号管理</span>
			    </li>
			    </a>
			</ul>
    
    			<!-- 账号 -->
    			<div class="account">加载中...</div>
    		    
    		</div>
    	</div>

    
    	<!-- 右侧 -->
    	<div id="right">
    	    <h3>选择跳转智慧外链类型</h3>
				<div class="data-card">
					<div class="button-view" id="top">

						<a href="../jumpWXapp/">
							<div class="cards ">
								<img width="40" src="/static/img/xcx.png" alt="">
								<span style="padding-left: 10px;">跳转到小程序</span>
							</div>
						</a>
						<a href="../jumpWeiXin/">
							<div class="cards">
								<img width="40" src="/static/img/wx.png" alt="">
								<span style="padding-left: 10px;">跳转到微信二维码</span>
							</div>
						</a>
						<a href="../jumpJinShan/">
							<div class="cards ">
								<img width="40" src="/static/img/jinshan.png" alt="">
								<span style="padding-left: 10px;">跳转到金山文档</span>
							</div>
						</a>
						<a href="../jumpCaoLiao/">
							<div class="cards top_selected">
								<img width="40" src="/static/img/caoliao.png" alt="">
								<span style="padding-left: 10px;">跳转到草料二维码</span>
							</div>
						</a>

						<a href="../jumpWXwork/">
							<div class="cards ">
								<img width="40" src="/static/img/qywx.png" alt="">
								<span style="padding-left: 10px;">跳转到企业微信</span>
							</div>
						</a>
						<a href="../shareCard/">
							<div class="cards ">
								<img width="40" src="/static/img/wxfx.png" alt="">
								<span style="padding-left: 10px;">微信分享卡片</span>
							</div>
						</a>
						<a href="../jumpQQ/">
							<div class="cards ">
								<img width="40" src="/static/img/qq1.png" alt="">
								<span style="padding-left: 10px;">跳转到个人QQ</span>
							</div>
						</a>
						<a href="../jumpQQqun/">
							<div class="cards ">
								<img width="40" src="/static/img/qq1.png" alt="">
								<span style="padding-left: 10px;">跳转到QQ群</span>
							</div>
						</a>


						<a href="#">
							<div class="cards ">
								<img width="40" src="/static/img/zfb.png" alt="">
								<span style="padding-left: 10px;">跳转支付宝领红包</span>
							</div>
						</a>

						<a href="../jumpLiuLanQi/">
							<div class="cards ">
								<img width="40" src="/static/img/liulanqi.png" alt="">
								<span style="padding-left: 10px;">微信跳到浏览器</span>
							</div>
						</a>

						<div style="clear: both"></div>
					</div>
				</div>
				
    		<h3>跳转到草料二维码</h3>
    		<div class="data-card">
    		    
    			<!-- 按钮区域 -->
    			<div class="button-view" id="button-view" style="display:none;">
    				<button class="default-btn" 
    				data-toggle="modal" 
    				data-target="#createJwModal" 
    				onclick="getDomainNameList('create')">创建链接</button>
    			</div>
    
    			<!-- 列表区域 -->
    			<div class="data-list">
    				<table class="table">
    				    <thead></thead>
    				    <tbody></tbody>
    				</table>
    			</div><!-- data-list -->
    			
    			<p class="loading" style="display: none;"></p>
    			
    			<!-- 分页 -->
    			<div class="fenye"></div>
    		</div><!-- data-card -->
    	</div><!-- right -->
    
    	<!-- 创建跳转卡 -->
        <div class="modal fade" id="createJwModal">
            
            <div class="modal-dialog">
                <div class="modal-content">
                    
                        <!-- 头部 -->
                        <div class="modal-header">
                            <h4 class="modal-title">创建链接</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div><!-- modal-header -->
                        
                        <!-- 表单 -->
                        <div class="modal-body">
                            <form id="createJw" enctype="multipart/form-data">
                            <span class="text"><font color="red">*</font>链接标题</span>
                            <input type="text" name="jw_title" class="form-control" autocomplete="off" placeholder="卡片显示的标题">
                            
                            <span class="text"><font color="red">*</font>卡片描述</span>
                            <input type="text" name="jw_describe" class="form-control" autocomplete="off" placeholder="标题下面的卡片描述">
                            
                            <span class="text"><font color="red">*</font>分享缩略图标</span>
                            <div class="upload-shareCard-img">
                                <div class="input-view">
                                    <input type="text" name="jw_icon" class="form-control" placeholder="粘贴图片链接或上传">
                                </div>
                                <div class="button-view">
                                    <span class="select_file button_local">
                                        <span class="button_text">上传图片</span>
                                        <input type="file" name="file" />
                                    </span>
                                    <span class="select_file button_sucaiku" onclick="getSuCai('1','createJwModal')">从素材库选择</span>
                                </div>
                            </div>
                            <!--<div class="input-group mb-3">-->
                            <!--    <input type="text" name="jw_icon" class="form-control" autocomplete="off" placeholder="粘贴图片链接或上传">-->
                            <!--    <div class="input-group-append">-->
                            <!--        <span class="input-group-text">-->
                            <!--            <span id="chooseIMG_1">上传图片</span>-->
                            <!--            <input type="file" name="file1" id="up1" accept="image/*" class="input-group-text-fileselect" />-->
                            <!--        </span>-->
                            <!--    </div>-->
                            <!--</div>-->
                            <span class="text"><font color="red">*</font>安全防封域名</span>
                            <select name="jw_yccym" class="form-control" title="阿里云OSS、腾讯云OSS、微信云托管等"></select>
                            <span class="text"><font color="red">*</font>上传草料二维码（自动识别下面参数）</span>
                            <img style="width: 120px;height: 120px;" class="tu" src="/static/img/tu.png">
                            <input type="file" onchange="getUrl(this,'file-url')" name="" id="file" class="ewm" value="">

                          <span class="text"><font color="red">*</font>请填写草料（上传二维码自动识别）</span> 
                            <input type="text" name="jw_cluser_id" class="form-control" autocomplete="off" placeholder="请填写userID">
                            
                          <span class="text"><font color="red">*</font>请填写草料（上传二维码自动识别）</span>
                            <input type="text" name="jw_cli_id" class="form-control" autocomplete="off" placeholder="请填写cliID">
                            </form>
                        </div><!-- modal-body -->
                        
                        <!-- 底部操作 -->
                        <div class="modal-footer">
                            <div class="footer-btn">
                            <div class="faqnav" title="阅读使用指南">
                                <span class="faq">
                                    <a href="../faq.php?faq=jw" target="_blank">?</a>
                                </span>
                            </div>
                            <div class="btnnav">
                                <button type="button" class="default-btn" onclick="createJw();">立即创建</button>
                            </div>
                        </div>
                        
                    </div><!-- modal-footer -->
                    
                    <!-- 操作反馈 -->
                    <div class="result"></div>
                    
                </div><!-- modal-content -->
            </div><!-- modal-dialog -->
        </div><!-- createJwModal -->
      	
      	<!-- 编辑跳转卡 -->
        <div class="modal fade" id="editJwModal">
            
            <div class="modal-dialog">
                <div class="modal-content">
                    
                        <!-- 头部 -->
                        <div class="modal-header">
                            <h4 class="modal-title">编辑链接</h4>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div><!-- modal-header -->
                        
                        <!-- 表单 -->
                        <div class="modal-body">
                            <form id="editJw" enctype="multipart/form-data">
                            <span class="text">链接标题</span>
                            <input type="text" name="jw_title" class="form-control" autocomplete="off" placeholder="卡片显示的标题">
                            <span class="text"><font color="red">*</font>卡片描述</span>
                            <input type="text" name="jw_describe" class="form-control" autocomplete="off" placeholder="标题下面的卡片描述">
                            
                            <span class="text"><font color="red">*</font>分享缩略图标</span>
                            <div class="upload-shareCard-img">
                                <div class="input-view">
                                    <input type="text" name="jw_icon" class="form-control" placeholder="分享卡片显示的图片Url">
                                </div>
                                <div class="button-view">
                                    <span class="select_file button_local">
                                        <span class="button_text">上传图片</span>
                                        <input type="file" name="file" />
                                    </span>
                                    <span class="select_file button_sucaiku" onclick="getSuCai('1','createJwModal')">从素材库选择</span>
                                </div>
                            </div>
                            <!--<div class="input-group mb-3">-->
                            <!--    <input type="text" name="jw_icon" class="form-control" autocomplete="off" placeholder="粘贴图片链接或上传">-->
                            <!--    <div class="input-group-append">-->
                            <!--        <span class="input-group-text">-->
                            <!--            <span id="chooseIMG_1">上传图片</span>-->
                            <!--            <input type="file" name="file1" id="up1" accept="image/*" class="input-group-text-fileselect" />-->
                            <!--        </span>-->
                            <!--    </div>-->
                            <!--</div>-->
                            <span class="text"><font color="red">*</font>安全防封域名</span>
                            <select name="jw_yccym" class="form-control" title="阿里云OSS、腾讯云OSS、微信云托管等"></select>
                            <span class="text"><font color="red">*</font>上传草料二维码（自动识别下面参数）</span>
                            <img style="width: 120px;height: 120px;" class="tu" src="/static/img/tu.png">
                            <input type="file" onchange="getUrl(this,'file-url')" name="" id="file" class="ewm" value="">

                          <span class="text"><font color="red">*</font>请填写草料（上传二维码自动识别）</span> 
                            <input type="text" name="jw_cluser_id" class="form-control" autocomplete="off" placeholder="请填写userID">
                            
                          <span class="text"><font color="red">*</font>请填写草料（上传二维码自动识别）</span>
                            <input type="text" name="jw_cli_id" class="form-control" autocomplete="off" placeholder="请填写cliID">
                            
                            <!--ID，隐藏域-->
                            <input type="hidden" name="jw_id">
                            
                            </form>
                        </div><!-- modal-body -->
                        
                        <!-- 底部操作 -->
                        <div class="modal-footer">
                            <div class="footer-btn">
                            <div class="faqnav" title="阅读使用指南">
                                <span class="faq">
                                    <a href="../faq.php?faq=jw" target="_blank">?</a>
                                </span>
                            </div>
                            <div class="btnnav">
                                <button type="button" class="default-btn" onclick="editJw();">提交编辑</button>
                            </div>
                        </div>
                        
                    </div><!-- modal-footer -->
                    
                    <!-- 操作反馈 -->
                    <div class="result"></div>
                    
                </div><!-- modal-content -->
            </div><!-- modal-dialog -->
        </div><!-- editJwModal -->
      	
      	<!-- 确定删除跳转卡 -->
        <div class="modal fade" id="delJwModal">
            
            <div class="modal-dialog">
                <div class="modal-content">
                    
                    <!-- 头部 -->
                    <div class="modal-header">
                        <h4 class="modal-title">删除链接</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div><!-- modal-header -->
                    
                    <!-- 内容 -->
                    <div class="modal-body">
                        将会删除该链接！删除后无法恢复。
                    </div><!-- modal-body -->
                    
                    <!-- 底部操作 -->
                    <div class="modal-footer"></div><!-- modal-footer -->
                    
                    <!-- 操作反馈 -->
                    <div class="result"></div>
                    
                </div><!-- modal-content -->
            </div><!-- modal-dialog -->
        </div><!-- delJwModal -->
        
        <!-- 分享跳转卡 -->
        <div class="modal fade" id="ShareJwModal">
            
            <div class="modal-dialog">
                <div class="modal-content">
                    
                    <!-- 头部 -->
                    <div class="modal-header">
                        <h4 class="modal-title">分享链接</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div><!-- modal-header -->
                    
                    <!-- 表单 -->
                    <div class="modal-body">
                        <div class="box">
                            <div class="longUrl"><span class="text">安全链接：</span><span id="longUrl"></span></div>
                            <div class="Qrcode" id="shareQrcode"></div>
                            <p style="text-align:center;font-size:15px;color:#999;">使用抖音、浏览器等APP扫码</p>
                        </div>
                    </div><!-- modal-body -->
                    
                    <!-- 底部操作 -->
                    <div class="modal-footer"></div>
                    
                    <!-- 操作反馈 -->
                    <div class="result"></div>
                    
                </div><!-- modal-content -->
            </div><!-- modal-dialog -->
        </div><!-- ShareJwModal -->
        <!--素材库-->
    <div class="modal fade" id="suCaiKu">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                
                <!-- 头部 -->
                <div class="modal-header" title="点击右上角&times;可返回上一步">
                    <h4 class="modal-title">素材库</h4>
                    <span class="hideSuCaiPannel_closeIcon"></span>
                </div>
                
                <!-- 模态框主体 -->
                <div class="modal-body">
                    <div class="sucai-upload">
                        <button type="button" class="default-btn upload_sucai_button">
                            <span>上传素材</span>
                            <form id="uploadSuCaiTosuCaiKuForm" enctype="multipart/form-data">
                                <input type="file" name="file" class="upload_sucai" accept="image/*" id="uploadSuCaiTosuCaiKu" />
                                <input text="text" name="uploadSuCai_fromPannel" style="display:none;" />
                            </form>
                        </button>
                    </div>
                    
                    <!--素材容器-->
                    <div class="sucai-view"></div>
                    
                    <!--分页-->
                    <div class="fenye"></div>
                </div>
                
                <!-- 模态框底部 -->
                <div class="modal-footer">
                    <div class="footer-btn">
                    	<div class="faqnav" title="阅读使用指南">
                    	    <span class="faq"><a href="../faq.php?faq=qun" target="_blank">?</a></span>
                    	</div>
                    	<div class="btnnav">
                    	    <button type="button" class="default-btn" data-dismiss="modal" onclick="hideSuCaiPannel()">取消</button>
                    	</div>
                    </div>
                </div>
                
                <!-- 操作反馈 -->
                <div class="result"></div>
                
            </div>
        </div>
    </div><!-- suCaiKu -->
        <!-- 全局信息提示框 -->
        <div id="notification">
            <div id="notification-text"></div>
        </div>
    
    </div><!-- app -->

</body>
</html>
<script type="text/javascript">

    function getUrl(e,param){
        console.log(e)
        console.log(param)
        analyticCode.getUrl(param,e,function(url1,url2){
            console.log(url1)
            console.log(url2)
            arr = url1.split('/')
            console.log(arr)
            $('#createJwModal input[name="jw_cluser_id"]').val(arr[3]);
            $('#createJwModal input[name="jw_cli_id"]').val(arr[4]);
            $('#editJwModal input[name="jw_cluser_id"]').val(arr[3]);
            $('#editJwModal input[name="jw_cli_id"]').val(arr[4]);
            e.previousElementSibling.src = url2;
        });
    }
</script>
